import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:ichinesereader/models/forms/forms.dart';
import 'package:reactive_forms/reactive_forms.dart';
import '../common/paymentForWeb.dart';

class BillingForIndividal extends StatelessWidget {
  BillingForIndividal({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    UserInfoFormModel formModel = UserInfoFormModel();
    var form = formModel.form;
    return Scaffold(
        backgroundColor: Theme.of(context).colorScheme.onInverseSurface,
        appBar: AppBar(
          title: Text("Payment".tr),
          leading: BackButton(onPressed: () {
            Get.toNamed('/account/create/individual/condition',
                arguments: '${Get.arguments}');
          }),
        ),
        body: SingleChildScrollView(
            child: ReactiveForm(
                formGroup: form,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Container(
                          width: MediaQuery.of(context).size.width > 1000
                              ? 1000
                              : MediaQuery.of(context).size.width * 0.95,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              SizedBox(
                                height: 26,
                              ),
                              SizedBox(
                                height: 26,
                              ),
                              Text('Billing Info'.tr,
                                  style: TextStyle(
                                      fontSize: 16,
                                      color: Color(0xff212529),
                                      fontWeight: FontWeight.w600)),
                              SizedBox(
                                height: 460.0,
                                child: PaymentFoWebWebview(from: 'individual'),
                              ),
                              // SizedBox(
                              //   height: 26,
                              // ),
                              Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: <Widget>[
                                  OutlinedButton(
                                    child: Text('Back'.tr,
                                        style: TextStyle(
                                            fontSize: 16,
                                            fontWeight: FontWeight.w500)),
                                    onPressed: () {
                                      Get.toNamed(
                                          '/account/create/individual/condition',
                                          arguments: '${Get.arguments}');
                                    },
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ),
                      ],
                    ),
                  ],
                ))));
  }
}
